<div bg-action="action/system/mains/login" style="display:none;">
	<link href="lib/css/login.css" rel="stylesheet" />
	<link href="lib/sideshow/css/normalize.css" rel="stylesheet" />
	<link href="lib/sideshow/css/demo.css" rel="stylesheet" />
	<link href="lib/sideshow/css/component.css" rel="stylesheet" />
	<style>
		canvas {
			position: absolute;
			z-index: -1;
		}

		.bingo-login-box header h1 {
			line-height: normal;
		}

		.bingo-login-box header {
			height: auto;
		}

		.content {
			position: relative;
		}

		.codrops-demos {
			position: absolute;
			bottom: 0;
			left: 40%;
			z-index: 10;
		}

		.codrops-demos a {
			border: 2px solid rgba(242, 242, 242, 0.41);
			color: rgba(255, 255, 255, 0.51);
		}

		.bingo-pull-right button,
		.bingo-login-main .layui-form-item input {
			background-color: transparent;
			color: white;
		}

		.bingo-login-main .layui-form-item input::-webbingo-input-placeholder {
			color: white;
		}

		.bingo-login-main .layui-form-item input:-moz-placeholder {
			color: white;
		}

		.bingo-login-main .layui-form-item input::-moz-placeholder {
			color: white;
		}

		.bingo-login-main .layui-form-item input:-ms-input-placeholder {
			color: white;
		}

		.bingo-pull-right button:hover {
			border-color: #009688;
			color: #009688
		}
	</style>
	<div class="container demo-1">
		<div class="content">
			<div id="large-header" class="large-header">
				<canvas id="demo-canvas"></canvas>
				<div class="bingo-login-box">
					<header>
						<h1>LOGIN</h1>
					</header>
					<div class="bingo-login-main">
						<form action="/" class="layui-form" method="post">
							<div class="layui-form-item">
								<label class="bingo-login-icon">
									<i class="layui-icon">&#xe612;</i>
								</label>
								<input type="text" name="userName" placeholder="这里输入用户名." class="layui-input" bg-model="user.userName">
							</div>
							<div class="layui-form-item">
								<label class="bingo-login-icon">
									<i class="layui-icon">&#xe642;</i>
								</label>
								<input type="password" name="password" placeholder="这里输入密码." class="layui-input" bg-model="user.password">
							</div>
							<div class="layui-form-item">
								<label class="bingo-login-icon">
									<i class="layui-icon">&#xe642;</i>
								</label>
								<input type="number" name="validCode" lay-verify="required|number" autocomplete="off" placeholder="输入右侧计算结果." class="layui-input">
								<span class="form-code" id="changeCode" style="position:absolute;right:2px; top:2px;">
                                    <img src="./src/images/GetVerfiyCode.png" id="refImg" style="cursor:pointer;" title="点击刷新"/>
                                </span>
							</div>
							<div class="layui-form-item">
								<div class="bingo-pull-left bingo-login-remember">
									<input type="checkbox" name="rememberMe" value="true" lay-skin="primary" checked title="记住帐号?">
								</div>
								<div class="bingo-pull-right">
									<a class="layui-btn layui-btn-primary" href="javascript:void(0)" bg-click="login()">
										<i class="fa fa-sign-in" aria-hidden="true"></i> 登录
									</a>
								</div>
								<div class="bingo-clear"></div>
							</div>
						</form>
					</div>
					<footer>
						<p> © <a href="#" style="color:white; font-size:18px;" target="_blank">帮助</a></p>
					</footer>
				</div>
			</div>
		</div>
	</div>
</div>
